<template>
	<view class="count">
		<view class="tabs f f-a-c">
			<view class="leftTab" @click="tabs(0)" :class="{activesss:ind==0}">
				排便情况
			</view>
			<view class="leftTab" @click="tabs(1)" :class="{activesss:ind==1}">
				排尿情况
			</view>
		</view>
		<view v-if="ind==0" class="">
			<view class="boxRig b-r-30 p-30 b-f">
				<view class="f f-a-c f-j-b">
					<view class="lef">
						形状
					</view>
					<view @click="showDefecate=true" class="you f f-a-c">
						{{listBian[act].name}}
						<image :src="listBian[act].img" class="shuizhuang" mode=""></image>
					</view>
				</view>
				<view class="xian"></view>
				<view @click="showDefecates=true" class="f f-a-c f-j-b">
					<view class="lef">
						颜色
					</view>
					<view class="you f f-a-c">
						{{listBians[acts].name}}
						<view class="boxColor" :style="{backgroundColor:listBians[acts].color}"></view>
					</view>
				</view>
			</view>
			<view v-if="analysis&&tipsCon" class="boxRig b-r-30 p-30 b-f">
				<view class="top f f-a-c">
					<view class="topLef">
						风险等级
					</view>
					<view class="topRig">
						<u-rate :count="count" :disabled="true" active-color="#977961" inactive-color="#ebe2da"
							v-model="value"></u-rate>
					</view>
				</view>
				<view class="top f m-t-25">
					<view class="topLef">
						情况分析
					</view>
					<view class="title">
						{{analysis}}
					</view>
				</view>
				<view class="content p-20 b-r-20">
					{{tipsCon}}
				</view>
			</view>
		</view>
		<view v-else class="">
			<view class="boxRig b-r-30 p-30 b-f">
				<view @click="showMicturition=true" class="f f-a-c f-j-b">
					<view class="lef">
						外观
					</view>
					<view class="you f f-a-c">
						{{niaoWai}}
						<image :src="listWai[actWai].img" class="shuizhuang" mode=""></image>
					</view>
				</view>
				<view class="xian"></view>
				<view @click="showMicturitions=true" class="f f-a-c f-j-b">
					<view class="lef">
						尿团大小
					</view>
					<view class="you f f-a-c">
						{{niaoBigTit}}
						<image :src="niaoBig[pinInd].img" class="shuizhuang" mode=""></image>
					</view>
				</view>
				<view class="xian"></view>
				<view @click="showMicturitionss=true" class="f f-a-c f-j-b">
					<view class="lef">
						颜色
					</view>
					<view class="you f f-a-c">
						{{niaoColor}}
						<view :style="{backgroundColor:listBiansWai[actsWai].color}" class="boxColor"></view>
					</view>
				</view>
			</view>
			<view class="boxRig b-r-30 p-30 b-f">
				<view v-if="riskRating" class="top f f-a-c">
					<view class="topLef">
						风险等级
					</view>
					<view class="topRig">
						<u-rate :count="count2" :disabled="true" active-color="#977961" inactive-color="#ebe2da"
							v-model="value2"></u-rate>
					</view>
				</view>
				<view v-if="riskRating" class="top f m-t-25">
					<view class="topLef">
						情况分析
					</view>
					<view class="title">
						{{riskRating}}
					</view>
				</view>
				<view class="contents p-20 b-r-20">
					<view class="top f f-a-c">
						<image src="/static/home/gantan.png" class="gantan" mode=""></image>
						疾病提示
					</view>
					<view class="cont">
						1、频繁前往猫砂盆，反复出现蹲尿的姿势和状态，排尿时伴随嚎叫的表现，多次排尿但尿团较小或无尿，同时猫砂中的尿液可能会有结团，但细碎，偶见带少量的血液。
					</view>
					<view class="xians">

					</view>
					<view class="cont">
						2、频繁前往猫砂盆，尿量比平常多，且仍旧逐步增加尿液量，猫砂内的小便结团越来越多
					</view>
					<view class="tishi">
						提示疾病：常见于糖尿病、甲亢、慢性肾病等。
					</view>
				</view>
			</view>

		</view>
		<!-- /排便 -->
		<u-popup mode="bottom" border-radius="30" v-model="showDefecate">
			<view class="bianPai">
				<view class="topQing f f-a-c f-j-b">
					<view class="">
						排便情况
					</view>
					<image @click="showDefecate=false" src="/static/Frame@2x(15).png" class="chaHo" mode=""></image>
				</view>
				<!-- 形态 -->
				<view class="foirm">
					<view class="form">
						形态
					</view>
					<view class="listStet f f-w-w f-a-c">
						<view v-for="(item,index) in listBian" :key="index" @click="xingtai(item,index)"
							:class="{active:act==index}" class="listItem f f-a-c f-j-c f-d-c">
							<image :src="item.img" class="xingImg" mode=""></image>
							<view class="aqueous">
								{{item.name}}
							</view>
						</view>
					</view>
				</view>
				<view @click="querenComfig(1)" class="btn">
					确定
				</view>
			</view>
		</u-popup>
		<!-- /排便 -->
		<u-popup mode="bottom" border-radius="30" v-model="showDefecates">
			<view class="bianPai">
				<view class="topQing f f-a-c f-j-b">
					<view class="">
						排便情况
					</view>
					<image @click="showDefecates=false" src="/static/Frame@2x(15).png" class="chaHo" mode=""></image>
				</view>
				<!-- 形态 -->
				<view class="foirm">
					<view class="forms">
						颜色
					</view>
					<view class="listStet f f-w-w f-a-c">
						<view v-for="(item,index) in listBians" :key="index" @click="xingtais(item,index)"
							:class="{actives:acts==index}" class="listItem f f-a-c f-j-c f-d-c">
							<view :style="{'background':item.color}" class="colorImg">

							</view>
							<view class="aqueous">
								{{item.name}}
							</view>
						</view>
					</view>
				</view>
				<view @click="querenComfig(2)" class="btn">
					确定
				</view>
			</view>
		</u-popup>
		<!-- 排尿 -->
		<u-popup mode="bottom" border-radius="30" v-model="showMicturition">
			<view class="bianPai">
				<view class="topQing f f-a-c f-j-b">
					<view class="">
						排尿情况
					</view>
					<image @click="showMicturition=false" src="/static/Frame@2x(15).png" class="chaHo" mode=""></image>
				</view>
				<!-- 形态 -->
				<view class="foirm">
					<view class="form">
						外观
					</view>
					<view class="listStetWai f f-w-w f-a-c">
						<view v-for="(item,index) in listWai" :key="index" @click="xingtaiWai(item,index)"
							:class="{activeWai:actWai==index}" class="listItemWai f f-a-c f-j-c f-d-c">
							<image :src="item.img" class="xingImg" mode=""></image>
							<view class="aqueous">
								{{item.name}}
							</view>
						</view>
					</view>

				</view>
				<view @click="quComfigs(1)" class="btn">
					确定
				</view>
			</view>
		</u-popup>
		<u-popup mode="bottom" border-radius="30" v-model="showMicturitions">
			<view class="bianPai">
				<view class="topQing f f-a-c f-j-b">
					<view class="">
						排尿情况
					</view>
					<image @click="showMicturitions=false" src="/static/Frame@2x(15).png" class="chaHo" mode=""></image>
				</view>
				<!-- 形态 -->
				<view class="foirm">
					<view class="forms">
						尿团大小
					</view>
					<view class="Niaotuandaxiao f f-a-c f-j-b">
						<view v-for="(item,index) in niaoBig" :class="{niaoAct:pinInd==index}"
							@click="niaoBigClick(item,index)" :key="index" class="NiaotItem f f-a-c f-j-c f-d-c">
							<image :src="item.img" class="imgImg" mode=""></image>
							<view class="namePin">
								{{item.name}}
							</view>
						</view>
					</view>
				</view>
				<view @click="quComfigs(2)" class="btn">
					确定
				</view>
			</view>
		</u-popup>
		<u-popup mode="bottom" border-radius="30" v-model="showMicturitionss">
			<view class="bianPai">
				<view class="topQing f f-a-c f-j-b">
					<view class="">
						排尿情况
					</view>
					<image @click="showMicturitionss=false" src="/static/Frame@2x(15).png" class="chaHo" mode="">
					</image>
				</view>
				<!-- 形态 -->
				<view class="foirm">
					<view class="forms">
						颜色
					</view>
					<view class="listStet f f-w-w f-a-c">
						<view v-for="(item,index) in listBiansWai" :key="index" @click="xingtaisWai(item,index)"
							:class="{actives:actsWai==index}" class="listItem f f-a-c f-j-c f-d-c">
							<view :style="{'background':item.color}" class="colorImg"></view>
							<view class="aqueous">
								{{item.name}}
							</view>
						</view>
					</view>
				</view>
				<view @click="quComfigs(3)" class="btn">
					确定
				</view>
			</view>
		</u-popup>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				count: 5,
				value: 2,
				count2: 5,
				value2: 2,
				ind: 1,
				act: 0,
				acts: 0,
				pinInd: 0,
				actWai: 0,
				bianXing: '',
				bianColor: '',
				niaoWai: '',
				niaoBigTit: '',
				niaoColor: '',
				actsWai: 0,
				showDefecate: false,
				showDefecates: false,
				showMicturition: false,
				showMicturitions: false,
				showMicturitionss: false,
				riskRating: '',
				listWai: [{
					name: '清澈',
					img: '/static/xingzhuang/shui1.png'
				}, {
					name: '浑浊',
					img: '/static/xingzhuang/shui2.png'
				}],
				listBians: [{
					name: '棕色',
					color: '#ad7d51'
				}, {
					name: '焦黑色',
					color: '#7a530c'
				}, {
					name: '黑色',
					color: '#503f17'
				}, {
					name: '红色',
					color: '#d96d59'
				}, {
					name: '绿色',
					color: '#9ab1a1'
				}, {
					name: '灰白色',
					color: '#dad6ce'
				}],
				listBiansWai: [{
					name: '黄色',
					color: '#E7BF9F'
				}, {
					name: '深黄色',
					color: '#E7BF9F'
				}, {
					name: '红色',
					color: '#d96d59'
				}, {
					name: '棕色',
					color: '#AD7D51'
				}, {
					name: '绿色',
					color: '#9ab1a1'
				}, {
					name: '透明',
					color: '#FFFFFF'
				}, {
					name: '乳白色',
					color: '#dad6ce'
				}],
				niaoBig: [{
					name: '水滴',
					img: '/static/xingzhuang/1.png'
				}, {
					name: '棒棒糖',
					img: '/static/xingzhuang/2.png'
				}, {
					name: '乒乓球',
					img: '/static/xingzhuang/3.png'
				}, {
					name: '网球',
					img: '/static/xingzhuang/4.png'
				}, {
					name: '拳头',
					img: '/static/xingzhuang/5.png'
				}],
				analysis: '',
				tipsCon: '',
				listBian: [{
					name: '水状',
					img: '/static/xingzhuang/01@2x.png'
				}, {
					name: '稀状',
					img: '/static/xingzhuang/02@2x.png'
				}, {
					name: '泥状',
					img: '/static/xingzhuang/03@2x.png'
				}, {
					name: '软圆条状',
					img: '/static/xingzhuang/04@2x.png'
				}, {
					name: '木桩状',
					img: '/static/xingzhuang/05@2x.png'
				}, {
					name: '节节状',
					img: '/static/xingzhuang/06@2x.png'
				}, {
					name: '圆球颗粒',
					img: '/static/xingzhuang/07@2x.png'
				}],
			}
		},

		onLoad(options) {

			this.bianXing = this.listBian[this.act].name
			this.bianColor = this.listBians[this.acts].name
			// 尿团
			this.niaoWai = this.listWai[this.actWai].name
			this.niaoBigTit = this.niaoBig[this.pinInd].name
			this.niaoColor = this.listBiansWai[this.actsWai].name
			if (options.num && options.num == 2) {
				let obj = JSON.parse(options.obj)
				console.log(obj, '22222222');
				this.acts = obj.bianColor
				this.act = obj.bianXing
				this.bianColor = obj.acts
				this.bianXing = obj.act
				this.niaoBigTit = obj.niaoBigTit
				this.niaoColor = obj.niaoColor
				this.niaoWai = obj.niaoWai
				if (this.niaoWai == '清澈') {
					this.actWai = 0
				} else {
					this.actWai = 1
				}
				if (this.niaoBigTit == '水滴') {
					this.pinInd = 0
				} else if (this.niaoBigTit == '棒棒糖') {
					this.pinInd = 1
				} else if (this.niaoBigTit == '乒乓球') {
					this.pinInd = 2
				} else if (this.niaoBigTit == '网球') {
					this.pinInd = 3
				} else if (this.niaoBigTit == '拳头') {
					this.pinInd = 4
				}
				if (this.niaoColor == '黄色') {
					this.actsWai = 0
				} else if (this.niaoColor == '深黄色') {
					this.actsWai = 1
				} else if (this.niaoColor == '红色') {
					this.actsWai = 2
				} else if (this.niaoColor == '棕色') {
					this.actsWai = 3
				} else if (this.niaoColor == '绿色') {
					this.actsWai = 4
				} else if (this.niaoColor == '透明') {
					this.actsWai = 5
				} else if (this.niaoColor == '乳白色') {
					this.actsWai = 6
				}
				if (this.bianXing == '水状') {
					this.act = 0
				} else if (this.bianXing == '稀状') {
					this.act = 1
				} else if (this.bianXing == '泥状') {
					this.act = 2
				} else if (this.bianXing == '软圆条状') {
					this.act = 3
				} else if (this.bianXing == '木桩状') {
					this.act = 4
				} else if (this.bianXing == '节节状') {
					this.act = 5
				} else if (this.bianXing == '圆球颗粒') {
					this.act = 6
				}
				if (this.bianColor == '棕色') {
					this.acts = 0
				} else if (this.bianColor == '焦黑色') {
					this.acts = 1
				} else if (this.bianColor == '黑色') {
					this.acts = 2
				} else if (this.bianColor == '红色') {
					this.acts = 3
				} else if (this.bianColor == '绿色') {
					this.acts = 4
				} else if (this.bianColor == '灰白色') {
					this.acts = 5
				}
			}

			// /排便
			let str = this.bianXing + '+' + this.bianColor

			if (str == '木桩状+棕色') {
				this.value = 0
				this.analysis = '正常状态'
				this.tipsCon = '正常状态'
			} else if (str == '节节状+棕色' || str == '节节状+黑色' || str == '节节状+灰白色' || str == '圆球颗粒+棕色' || str ==
				'圆球颗粒+黑色' || str == '圆球颗粒+灰白色') {
				this.value = 2
				this.tipsCon = '可先行观察，适当使用益生菌 '
				this.analysis = '可能饮水不足，排便不顺畅或存在便秘的情况。'
			} else if (str == '软圆条状+棕色' || str == '软圆条状+绿色' || str == '软圆条状+灰白色') {
				this.value = 3
				this.analysis = '可能存在消化不良或者胃肠道功能亚健康 '
				this.tipsCon = '可先行观察，适当使用益生菌 增加日常观察，不适随诊'
			} else if (str == '稀状+棕色' || str == '稀状+焦黑色' || str == '稀状+红色' || str == '泥状+棕色' || str ==
				'泥状+焦黑色' || str == '泥状+红色') {
				this.value = 4
				this.tipsCon = '增加日常观察，不适随诊 积极与医生沟通咨询，根据综合症状选择治疗方案'
				this.analysis = '可能存在急慢性胃肠炎或者上消化道出血，可能有寄生虫合并感染'
			} else if (str == '水状+绿色' || str == '水状+焦黑色' || str == '水状+红色' || str == '稀状+绿色' || str ==
				'稀状+焦黑色' || str == '稀状+红色') {
				this.value = 5
				this.analysis = '可能存在肠胃出血或者病毒性胃肠炎，如果带血丝或少量鲜血可能提示肛门破损出血及异物可能。'
				this.tipsCon = '积极与医生沟通咨询，根据综合症状选择治疗方案 请及时就诊'
			} else {
				this.value = 0
				this.analysis = ''
				this.tipsCon = ''
			}

			// 排尿
			let strs = this.niaoWai + '+' + this.niaoColor + '+' + this.niaoBigTit
			if (strs == '清澈+黄色+乒乓球' || strs == '清澈+黄色+水滴' || strs == '清澈+黄色+棒棒糖') {
				this.riskRating = '正常状态'
				this.value2 = 0
			} else if (strs == '清澈+深黄色+乒乓球' || strs == '清澈+深黄色+水滴' || strs == '清澈+深黄色+棒棒糖') {
				this.riskRating = '可能存在总饮水量较少，憋尿等不良行为'
				this.value2 = 1
			} else if (strs == '清澈+红色+乒乓球' || strs == '清澈+红色+网球' || strs == '清澈+红色+拳头') {
				this.riskRating = '可能存在血尿或者血红蛋白尿，一般多见与膀胱尿路疾病发作'
				this.value2 = 3
			} else if (strs == '清澈+棕色+乒乓球' || strs == '清澈+棕色+网球' || strs == '清澈+棕色+拳头' ||
				strs == '清澈+棕色+水滴' || strs == '清澈+棕色+棒棒糖' || strs == '浑浊+棕色+乒乓球' || strs == '浑浊+棕色+网球' || strs ==
				'浑浊+棕色+拳头' ||
				strs == '浑浊+棕色+水滴' || strs == '浑浊+棕色+棒棒糖'
			) {
				this.riskRating = '泌尿系统疾病、溶血或黄疸肝胆功能异常'
				this.value2 = 4
			} else if (strs == '清澈+绿色+乒乓球' || strs == '清澈+绿色+网球' || strs == '清澈+绿色+拳头' ||
				strs == '清澈+绿色+水滴' || strs == '清澈+绿色+棒棒糖' || strs == '浑浊+绿色+乒乓球' || strs == '浑浊+绿色+网球' || strs ==
				'浑浊+绿色+拳头' ||
				strs == '浑浊+绿色+水滴' || strs == '浑浊+绿色+棒棒糖'
			) {
				this.riskRating = '可能是一些使用的药物代谢后的表现或者是泌尿道感染。'
				this.value2 = 4
			} else if (strs == '清澈+透明+乒乓球' || strs == '清澈+透明+网球' || strs == '清澈+透明+拳头' ||
				strs == '清澈+透明+水滴' || strs == '清澈+透明+棒棒糖'
			) {
				this.riskRating = '可能存在糖尿病、肾炎、尿崩症的可能性。。'
				this.value2 = 5
			} else if (strs == '浑浊+乳白色+乒乓球' || strs == '浑浊+乳白色+网球' || strs == '浑浊+乳白色+拳头' ||
				strs == '浑浊+乳白色+水滴' || strs == '浑浊+乳白色+棒棒糖'
			) {
				this.riskRating = '严重的尿路感染引起的，还有肾盂肾炎、膀胱炎、肾脓肿、尿道炎、肾结核等可能性。'
				this.value2 = 5
			} else {
				this.riskRating = ''
			}
		},
		methods: {
			tabs(num) {
				this.ind = num
			},
			// 形态
			xingtaiWai(item, index) {
				this.actWai = index
			},
			//  形态
			xingtai(item, index) {
				this.act = index
			},
			xingtais(item, index) {
				this.acts = index
			}, // 形态
			xingtaisWai(item, index) {
				this.actsWai = index
			},
			niaoBigClick(item, index) {
				this.pinInd = index
			},
			// 排尿
			quComfigs(num) {
				this.showMicturition = false
				this.showMicturitions = false
				this.showMicturitionss = false
				if (num == 1) {
					this.niaoWai = this.listWai[this.actWai].name
				} else if (num == 2) {
					this.niaoBigTit = this.niaoBig[this.pinInd].name
				} else if (num == 3) {
					this.niaoColor = this.listBiansWai[this.actsWai].name
				}
				let strs = this.niaoWai + '+' + this.niaoColor + '+' + this.niaoBigTit
				if (strs == '清澈+黄色+乒乓球' || strs == '清澈+黄色+水滴' || strs == '清澈+黄色+棒棒糖') {
					this.riskRating = '正常状态'
					this.value2 = 0
				} else if (strs == '清澈+深黄色+乒乓球' || strs == '清澈+深黄色+水滴' || strs == '清澈+深黄色+棒棒糖') {
					this.riskRating = '可能存在总饮水量较少，憋尿等不良行为'
					this.value2 = 1
				} else if (strs == '清澈+红色+乒乓球' || strs == '清澈+红色+网球' || strs == '清澈+红色+拳头') {
					this.riskRating = '可能存在血尿或者血红蛋白尿，一般多见与膀胱尿路疾病发作'
					this.value2 = 3
				} else if (strs == '清澈+棕色+乒乓球' || strs == '清澈+棕色+网球' || strs == '清澈+棕色+拳头' ||
					strs == '清澈+棕色+水滴' || strs == '清澈+棕色+棒棒糖' || strs == '浑浊+棕色+乒乓球' || strs == '浑浊+棕色+网球' || strs ==
					'浑浊+棕色+拳头' ||
					strs == '浑浊+棕色+水滴' || strs == '浑浊+棕色+棒棒糖'
				) {
					this.riskRating = '泌尿系统疾病、溶血或黄疸肝胆功能异常'
					this.value2 = 4
				} else if (strs == '清澈+绿色+乒乓球' || strs == '清澈+绿色+网球' || strs == '清澈+绿色+拳头' ||
					strs == '清澈+绿色+水滴' || strs == '清澈+绿色+棒棒糖' || strs == '浑浊+绿色+乒乓球' || strs == '浑浊+绿色+网球' || strs ==
					'浑浊+绿色+拳头' ||
					strs == '浑浊+绿色+水滴' || strs == '浑浊+绿色+棒棒糖'
				) {
					this.riskRating = '可能是一些使用的药物代谢后的表现或者是泌尿道感染。'
					this.value2 = 4
				} else if (strs == '清澈+透明+乒乓球' || strs == '清澈+透明+网球' || strs == '清澈+透明+拳头' ||
					strs == '清澈+透明+水滴' || strs == '清澈+透明+棒棒糖'
				) {
					this.riskRating = '可能存在糖尿病、肾炎、尿崩症的可能性。。'
					this.value2 = 5
				} else if (strs == '浑浊+乳白色+乒乓球' || strs == '浑浊+乳白色+网球' || strs == '浑浊+乳白色+拳头' ||
					strs == '浑浊+乳白色+水滴' || strs == '浑浊+乳白色+棒棒糖'
				) {
					this.riskRating = '严重的尿路感染引起的，还有肾盂肾炎、膀胱炎、肾脓肿、尿道炎、肾结核等可能性。'
					this.value2 = 5
				} else {
					this.riskRating = ''
				}
			},
			// 排便
			querenComfig(num) {
				// let xing = this.listBian[this.act].name
				// let color = this.listBians[this.acts].name
				// this.name = xing + '、' + color
				if (num == 1) {
					this.showDefecate = false
					this.showDefecates = false
					this.bianXing = this.listBian[this.act].name
				} else {
					this.showDefecate = false
					this.showDefecates = false
					this.bianColor = this.listBians[this.acts].name
				}
				let str = this.bianXing + '+' + this.bianColor
				if (str == '木桩状+棕色') {
					this.value = 0
					this.analysis = '正常状态'
					this.tipsCon = '正常状态'
				} else if (str == '节节状+棕色' || str == '节节状+黑色' || str == '节节状+灰白色' || str == '圆球颗粒+棕色' || str ==
					'圆球颗粒+黑色' || str == '圆球颗粒+灰白色') {
					this.value = 2
					this.tipsCon = '可先行观察，适当使用益生菌 '
					this.analysis = '可能饮水不足，排便不顺畅或存在便秘的情况。'
				} else if (str == '软圆条状+棕色' || str == '软圆条状+绿色' || str == '软圆条状+灰白色') {
					this.value = 3
					this.analysis = '可能存在消化不良或者胃肠道功能亚健康 '
					this.tipsCon = '可先行观察，适当使用益生菌 增加日常观察，不适随诊'
				} else if (str == '稀状+棕色' || str == '稀状+焦黑色' || str == '稀状+红色' || str == '泥状+棕色' || str ==
					'泥状+焦黑色' || str == '泥状+红色') {
					this.value = 4
					this.tipsCon = '增加日常观察，不适随诊 积极与医生沟通咨询，根据综合症状选择治疗方案'
					this.analysis = '可能存在急慢性胃肠炎或者上消化道出血，可能有寄生虫合并感染'
				} else if (str == '水状+绿色' || str == '水状+焦黑色' || str == '水状+红色' || str == '稀状+绿色' || str ==
					'稀状+焦黑色' || str == '稀状+红色') {
					this.value = 5
					this.analysis = '可能存在肠胃出血或者病毒性胃肠炎，如果带血丝或少量鲜血可能提示肛门破损出血及异物可能。'
					this.tipsCon = '积极与医生沟通咨询，根据综合症状选择治疗方案 请及时就诊'
				} else {
					this.value = 0
					this.analysis = ''
					this.tipsCon = ''
				}
			},
		}
	}
</script>

<style lang="scss" scoped>
	.Niaotuandaxiao {
		.NiaotItem {
			width: 19%;
			margin-right: 1%;
			height: 150rpx;
			background: $f7f6f2;
			border-radius: 16rpx;
			margin-bottom: 20rpx;
			font-size: 24rpx;
			font-family: PingFang SC, PingFang SC-400;
			font-weight: 600;
			text-align: center;
			color: $hei;
			margin-top: 15rpx;
			border: 2rpx solid transparent;

			.colorImg {
				width: 64rpx;
				height: 64rpx;
				border-radius: 32rpx;
				margin-bottom: 10rpx;
			}

			&:nth-child(5n) {
				margin-right: 0%;
			}

			.imgImg {
				width: 66rpx;
				height: 64rpx;
			}

		}

		.niaoAct {
			color: $brown !important;
			border: 2rpx solid $brown !important;
		}
	}

	.forms {
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC-500;
		font-weight: 600;
		text-align: LEFT;
		margin-top: 30rpx;
		color: $hei;
	}

	.listStet {
		margin-top: 30rpx;

		.listItem {
			width: 23%;
			margin-right: 2.4%;
			height: 130rpx;
			background: $f7f6f2;
			border-radius: 16rpx;
			margin-bottom: 20rpx;
			font-size: 24rpx;
			font-family: PingFang SC, PingFang SC-400;
			font-weight: 600;
			text-align: center;
			color: $hei;
			margin-top: 15rpx;
			border: 2rpx solid transparent;

			.colorImg {
				width: 64rpx;
				height: 64rpx;
				border-radius: 32rpx;
				margin-bottom: 10rpx;
			}

			&:nth-child(4n) {
				margin-right: 0%;
			}

			.xingImg {
				width: 90rpx;
				height: 88rpx;
			}

		}

		.actives {
			color: $brown !important;
			border: 2rpx solid $brown !important;
		}
	}

	.listStetWai {
		.listItemWai {
			width: 48%;
			margin-right: 4%;
			height: 170rpx;
			background: $f7f6f2;
			border-radius: 16rpx;
			margin-bottom: 20rpx;
			font-size: 24rpx;
			font-family: PingFang SC, PingFang SC-400;
			font-weight: 600;
			text-align: center;
			color: $hei;
			margin-top: 15rpx;
			border: 2rpx solid transparent;

			.colorImg {
				width: 64rpx;
				height: 64rpx;
				border-radius: 32rpx;
				margin-bottom: 10rpx;
			}

			&:nth-child(2n) {
				margin-right: 0%;
			}

			.xingImg {
				width: 90rpx;
				height: 88rpx;
			}

		}

		.activeWai {
			color: $brown !important;
			border: 2rpx solid $brown !important;
		}
	}

	.bianPai {
		padding: 30rpx;
		padding-bottom: 60rpx;

		.btn {
			width: 100%;
			height: 96rpx;
			background: $brown;
			border-radius: 48rpx;
			text-align: center;
			line-height: 96rpx;
			color: #fff;
			font-weight: 600;
			margin-top: 50rpx;
		}

		.foirm {
			margin-top: 50rpx;

			.listStet {
				margin-top: 30rpx;

				.listItem {
					width: 23%;
					margin-right: 2.4%;
					height: 168rpx;
					background: $f7f6f2;
					border-radius: 16rpx;
					margin-bottom: 20rpx;
					font-size: 24rpx;
					font-family: PingFang SC, PingFang SC-400;
					font-weight: 600;
					text-align: center;
					color: $hei;
					margin-top: 15rpx;
					border: 2rpx solid transparent;

					&:nth-child(4n) {
						margin-right: 0%;
					}

					.xingImg {
						width: 90rpx;
						height: 88rpx;
					}

				}

				.active {
					color: $brown !important;
					border: 2rpx solid $brown !important;
				}
			}

			.form {
				font-size: 28rpx;
				font-family: PingFang SC, PingFang SC-500;
				font-weight: 600;
				text-align: LEFT;
				color: $hei;
			}
		}

		.topQing {
			font-size: 32rpx;
			font-family: PingFang SC, PingFang SC-500;
			font-weight: 600;
			text-align: LEFT;
			color: $hei;

			.chaHo {
				width: 48rpx;
				height: 48rpx;
			}
		}

	}



	.contents {
		background: $f7f6f2;
		margin-top: 30rpx;

		.tishi {
			font-size: 24rpx;
			font-family: PingFang SC, PingFang SC-500;
			font-weight: 600;
			text-align: LEFT;
			color: $hei;
			margin-top: 15rpx;
		}

		.xians {
			width: 100%;
			height: 0rpx;
			border: 1rpx dashed #ebe2da;
			margin: 25rpx 0;
		}

		.cont {
			font-size: 24rpx;
			font-family: PingFang SC, PingFang SC-400;
			font-weight: 400;
			text-align: LEFT;
			color: #6a5f55;
			margin-top: 10rpx;
			line-height: 1.5;
		}

		.gantan {
			width: 32rpx;
			height: 32rpx;
			margin-right: 20rpx;
		}

		.top {
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC-500;
			font-weight: 600;
			text-align: LEFT;
			color: $brown;
		}
	}

	.content {
		background: $f7f6f2;
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC-400;
		font-weight: 400;
		text-align: LEFT;
		color: $brown;
		margin-top: 30rpx;
	}


	.topLef {
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC-400;
		font-weight: 400;
		text-align: LEFT;
		color: $hui;
		margin-right: 30rpx;
	}

	.title {
		width: 75%;
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC-500;
		font-weight: 500;
		text-align: LEFT;
		color: $hei;
	}

	.boxRig {
		width: 90%;
		margin: 0 auto;
		margin-top: 50rpx;
		margin-bottom: 30rpx;

		.xian {
			width: 100%;
			height: 2rpx;
			background-color: #f5f3f0;
			margin: 25rpx 0;
		}

		.lef {
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC-500;
			font-weight: 600;
			text-align: LEFT;
			color: $hei;
		}

		.you {
			font-size: 24rpx;
			font-family: PingFang SC, PingFang SC-400;
			font-weight: 400;
			text-align: LEFT;
			color: $hui;

			.boxColor {
				width: 64rpx;
				height: 64rpx;
				background: $brown;
				border-radius: 32rpx;
				margin-left: 20rpx;
			}

			.shuizhuang {
				width: 64rpx;
				height: 64rpx;
				margin-left: 20rpx;
			}
		}
	}

	.tabs {
		width: 90%;
		margin: 0 auto;
		height: 72rpx;
		border-radius: 36rpx;
		border: 2rpx solid $brown;
		overflow: hidden;
		margin-top: 24rpx;

		.leftTab {
			flex: 1;
			height: 72rpx;
			line-height: 72rpx;
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC-500;
			font-weight: 600;
			text-align: center;
			color: $brown;
		}
	}

	.activesss {
		background-color: $brown !important;
		color: #fff !important;
	}

	.count {
		height: 100vh;
		width: 100%;
		background-color: $f7f6f2;

	}
</style>